import classnames from 'classnames'

type Props = {
  type: String, // icon 的类型
  onClick?: (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void  // 点击事件
  className?: String   // icon 的自定义样式
}

export default function Icon({ type, onClick, className }: Props) {
  return (
    <svg
      className={classnames('icon', className)}
      aria-hidden="true"
      onClick={(e) => onClick && onClick(e)}>
      {/* 使用时，只需要将此处的 iconbtn_like_sel 替换为 icon 的名称即可*/}
      <use xlinkHref={`#${type}`}></use>
    </svg>
  )
}
